First of all, Thank you so much for purchasing this item.
This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how this plugin is made and how to edit this properly.
Go under Plugins > Add New, click on Upload Plugin and select the file mememe.zip
Unzip the file mememe.zip
and upload it to the folder /wp-content/plugins/
Once activated you will find a new custom post type called Memes, and the new section MeMeMe below Settings
Insert your purchase code inside the plugin's settings, you will be automatically notified about new plugin's versions, and will be able to upgrade the plugin with the one-click option, under the plugins panel
wp-content/plugins/
directory on your site.wp-content/plugins/
directory, leaving it in a directory that looks like wp-content/plugins/mememe/
Text Box and Free Drawing mode available.
Select text and stroke color, text outline thickness, text placeholder, pencil size.
Set custom colors for the generator’s tools and gallery buttons
Optionally set a custom watermark, choose the post status, the final meme’s size, and its thumbnail size
Since v.1.5.2 you can enable the Meme Rating System and set the color for the buttons.
Since v.1.6.7 you can enable the sharing buttons for the generated memes.
Select the main colors for the variant light and dark of the meme galleries.
Select a destination page hosting the meme generator to enable the Re-Caption option for templates galleries and generated memes
You can set any custom font available in your theme or from any other plugin and also use the Google Fonts.
800+ fonts available from the Google Fonts library.
Start typing a font name, the field will be autocompleted with suggestions.
Set your private API Key to get the suggestion list weekly updated.
If you want to use a self hosted web font that is not included in your theme, follow these steps :
1. Create an empty folder named "fonts" inside your theme's directory (or child theme if you are using it) and upload the fonts inside that folder
2. Copy the CSS, provided by the font author, that you should have got from the font author and paste it inside the style.css of the theme, it should look something like the code below
@font-face{ font-family: 'Poppins'; src: url('fonts/Poppins.eot'); src: url('fonts/Poppins.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins.woff') format('woff'), url('fonts/Poppins.ttf') format('truetype'), url('fonts/Poppins.svg#webfont') format('svg'); }
3. Insert inside the field "Font family" the font name as it is in your CSS font-family property, for this example the font name is 'Poppins', please note that some fonts require quotation marks around the font family name:
Upload and organize your meme templates, load the first of the list or a random template, allow Guests to upload their images.
MeMeMe comes with 3 shortcodes, all of them easily configurable as Gutenberg Blocks.
Display the Meme generator
[mememe]
availabe options:
limit="6"
Limit templates number inside carousel (0 = show all)
nocarousel="1"
Hide carousel under the generator
random="1"
Display random templates inside carousel
tags=""
Show only templates with selected tags. Accepts a comma separated list of attachment tag slugs
template=""
Set default template ID
List Generated Memes
[mememe-list]
availabe options:
category=""
Accepts a specific meme category slug
columns="0"
Number of static columns for the gallery grid (0 = responsive)
per_page="10"
Post per page (default is taken from WordPress settings posts per page)
class=""
Optional CSS class for the gallery
thumbsize="mememe-thumb"
The slug of the thumbnail size (default meme size can be set inside the plugin's settings)
margin="0"
Thumbnails margin
author="1"
Show current author's Memes, default = 0
filters="1"
Show gallery filters by category (0 = hide)
search="0"
Enable search
sort="date"
Default sort order: date | hot | rand
List Meme Templates
[mememe-templates]
availabe options:
columns="0"
Number of static columns for the gallery grid (0 = responsive)
random="1"
Display random templates
thumbsize="thumbnail"
The slug of the thumbnail size
paginate="0"
Number of templates to show per page (0 = show all)
margin="0"
Thumbnails margin
title="1"
Show template titles
class=""
Optional CSS class for the gallery
filters="1"
Show gallery filters by tag (0 = hide)
tags=""
Show only templates with selected tags. Accepts a comma separated list of attachment tag slugs
search="0"
Enable search
All the shortcodes can also be directly called from the template
<?php echo do_shortcode('[mememe]'); ?>
<?php echo do_shortcode('[mememe-list]'); ?>
<?php echo do_shortcode('[mememe-teplates]'); ?>
3 available blocks for Gutenberg, the new WordPress editor, inside the widget section.
Any block is fully customizable, reusable and editable.
If you have set some shortcodes before using Gutenberg, select the option "Convert to blocks" from the menu at the top right corner of your old content.
Since Version 1.2 all the galleries have the masonry layout with the filter function and are cutomizable with some pre made classes:
Published Memes can be filtered using the Meme Categories
(managed under Memes > Categories)
Templates can be filtered using the Meme Template Tags
(managed under Media > Meme Tags)
To assign one or more tags to a template, go under Settings > MeMeMe > Templates, select the template > Edit Image
The Gutenberg Block settings for galleries has the style option; you can check the desired option, or set the pre compiled classes inside the field CSS class, if you are using the shortcodes with classic editor.
Available for Memes and Templates galleries.
mmm-shadow sets a shadow behind the thumbnails
This example uses
[mememe-templates class="mmm-shadow"]
mmm-rounded sets rounded corners to the thumbnails
This example uses[mememe-templates class="mmm-rounded"]
Styles can be combined.
The shortcode [mememe-templates] has also the checkable option 'title'
[mememe-templates class="mmm-shadow mmm-rounded mmm-dark" title="1"]
mmm-dark sets a dark skin
This example uses[mememe-list class="mmm-dark"]
mmm-frame sets a border around the thumbnails
This example uses[mememe-list class="mmm-shadow mmm-frame"]
mmm-card (available for Memes galleries)
This example uses[mememe-list class="mmm-shadow mmm-card"]
You can also set a custom light and dark color for the galleries, under under MeMeMe > Settings > Galleries > Style
You can place anywhere the generator, list the templates, or display the latest approved memes.
Consult the Support Forum or send me a message through CodeCanyon
Support for my items includes: